<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta content="telephone=no" name="format-detection" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="renderer" content="webkit" />
	<!--360自动切换极速-->
	<meta name="apple-mobile-web-app-title" content="DAN潜水" />
	<meta name="format-detection" content="telephone=no" />
	<link rel="shortcut icon" href="${ctxPath}/image/favicon.ico"/>
	<!--阻止iphone识别为电话-->
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/swiper.min.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/global.css" />
	<link rel="stylesheet" type="text/css" href="${ctxPath}/css/index.css" />
	<style>
		.commen-tit{
			margin: 20px 0;
			font-size:20px;
			font-family:Source Han Sans CN;
			font-weight:bold;
			color:rgba(51,51,51,1);
		}
		.ac-info .content img,.ac-info .content img video{
			max-width: 100%;
		}
		.dan-blank{
			text-align: center;
		}
		.dan-blank img{
			width: 200px;
			height: 200px;
		}
		.dan-blank div{
			font-size: 14px;
			margin-top: 30px;
		}
	</style>
	<title>DAN潜水</title>
</head>

<body>
<div class="container">
	@include("/include/header.html"){}
	<div class="page-nav">
		<a href="${ctxPath}/article/list/${category.id!}">${category.name!} »</a>
		<span class="bold">详情</span>
	</div>
	@if(isEmpty(article!)){
	<div class="dan-blank">
		<img src="${ctxPath}/image/blank.png" alt="">
		<div>暂无数据</div>
	</div>
	@}else{
	<h5 class="commen-tit">
		${article.title!}
	</h5>
	<div>${article.content!'暂无内容'}</div>
	@}
	@include("/include/footer.html"){}
</div>

<script src="${ctxPath}/js/swiper.min.js"></script>
<script>

</script>
</body>

</html>